﻿$(document).ready(main);

function main() {
    loadLista();

    $("#test").click(detalles);

}


function loadLista() {
var string = window.location.href;
    var getit = new Array();
    getit = string.split("%");
 var enviar = { 
        tipo1:  unescape(getit[1]), 
        tipo2:  unescape(getit[2]), 
        tipo3:  unescape(getit[3]), 
        tipo4:  unescape(getit[4]), 
        distrito:  unescape(getit[5]), 
        precio1: unescape(getit[6]), 
        precio2:  unescape(getit[7]) 
    }
    console.log(enviar);

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarVivienda",
        success: llegadaLista
    });
}


function llegadaLista(data) {
    console.log(data);
    console.log(data);
    console.log(data);
    var escritor = "";
    escritor += "<ul id=\"itemContainer\">";
    var lista = data.listaPropiedades;

    if (lista.length > 0) {

                $.each(lista, function (i, item) {
                    escritor += "<li>";

                    escritor += "<dl><dt><a href=\"DetalleImagenes?" + item.id_propiedad + "\" id=\"test\"><img src=\"" + item.url + "\"alt=\"Imagen\" width=\"240\" height=\"240\" </a><strong>" + item.precio_base + "</strong><a href=\"DetalleImagenes?" + item.id_propiedad + "\" id=\"test\">" + item.direccion + "</a></dt>";

                    escritor += "<dd><p>" + item.descripcion + "</p></dd></dl>";
                    escritor += "</li>";
                });
                $("#catlist").html(escritor);
                /* when document is ready */
                $(function () {
                    /* initiate plugin */
                    $("div.holder").jPages({
                        containerID: "itemContainer",
                        perPage: 5
                    });
                    /* on select change */
                    $("select").change(function () {
                        /* get new nº of items per page */
                        var newPerPage = parseInt($(this).val());
                        /* destroy jPages and initiate plugin again */
                        $("div.holder").jPages("destroy").jPages({
                            containerID: "itemContainer",
                            perPage: newPerPage
                        });
                    });
                });



//                <ul id="itemContainer">
//    <li><img src="img/img (1).jpg" alt="image"></li>
//    <li><img src="img/img (2).jpg" alt="image"></li>
//    <li><img src="img/img (3).jpg" alt="image"></li>
//     ...
//</ul>



            } else {
                escritor += "<h3> No se ha encontrado ningun resultado.</h3>";
                $("#catlist").html(escritor);
            }
 }



function detalles() {

    window.open("Detalles");

}

